<template>
  <div class="view">
    <div class="input-item"><input type="text" class="input" placeholder="活力无限→人体描边→螺旋升天"></div>
    <div class="img-item"><img src="@/assets/img/search.svg" alt="" class="img"></div>
  </div>
</template>

<script>
  export default {
    name: "searchbar"
  }
</script>

<style scoped>
  .view {
    display: flex;
    margin-top: 0;
  }

  .input-item {
    flex: 0 0 70%;
  }
  .input{
    width: 100%;
    outline-style: none;
    border: 0;
    border-radius: 5px;
    padding: 7px 0;
  }

  .img-item {
    flex: 0 0 30%;
    /*margin-right: 80px;*/
  }
  .img{
    /*margin-left: 5px;*/
    width: 30px;
    height: 30px;
  }
</style>